<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>资产分类管理</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
	</head>

	<body>
		 <div style="margin:10px 10px;">
		<div class="layui-elem-quote">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href=""><span class="layui-icon layui-icon-template"></span>基础信息管理</a>
			    <a href=""><span class="layui-icon layui-icon-rmb"></span>资产分类管理</a>
			</span>
		</div>

		<div>
			<form class="layui-form">
				<div class="layui-inline">
					<label class="layui-form-label">分类名称：</label>
					<div class="layui-input-inline">
						<input type="text" id="" class="layui-input" />
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">上级分类：</label>
					<div class="layui-input-inline">
						<select name="">
							<option value="">全部</option>
							<option value="0">普通资产</option>
							<option value="1">车辆</option>
							<option value="2">不动产</option>
							<option value="3">金融资产</option>
							<option value="4">办公设备</option>
							<option value="5">家具</option>
							<option value="6">办公耗材</option>
							<option value="7">测量仪器</option>
							<option value="8">电脑</option>
							<option value="9">卫生洁具</option>
							<option value="10">普通车辆</option>
							<option value="11">工程车辆</option>
							<option value="12">通勤班车</option>
							<option value="13">住宅</option>
							<option value="14">办公</option>
							<option value="15">仓储</option>
							<option value="16">银行</option>
							<option value="17">金融投资</option>
							<option value="18">借贷</option>
						</select>
					</div>
				</div>

				<div class="layui-inline">
					<div class="layui-input-inline">
						<a href="" class="layui-btn layui-btn-success">
							<span class="layui-icon layui-icon-search"></span>检索search</a>
					</div>
				</div>
			</form>
		</div>

	
		<script src="../layui/layui.all.js"></script>

		<script>
			layui.use(['element', 'form', 'laypage','table'], function() {
				var element = layui.element;
				var page = layui.laypage;
				var form = layui.form;
				var table = layui.table;
				table.render({
					elem: '#demo',
					height: 422,
					width: 1175,
					url: 'tableJson/MoneyClassManage.json',
					page: true, //开启分页
						
					limit: 5,
					limits: [5, 10, 15, 20, 25, 30],
					loading: false,
					done: function(res, curr, count) {
						$("table").css("width", "90%");
					},
					cols: [
						[ //表头
							{
								field: 'id',
								title: '分类编码',
								width: 288,
								sort: true,
								fixed: 'left'
							}, {
								field: 'showvalue',
								title: '分类名称',
								width: 289
							}, {
								field: 'class',
								title: '上级分类',
								width: 288,
								sort: true
							}, {
								field: 'desc',
								title: '备注信息',
								width: 305
							}, 
						]
					]
				});

			});
		</script>

		<div class="layui-row">
			<table id="demo" lay-filter="test" ></table>
		</div>	
		<div align="right">
			<div id="page"> </div>
		</div>
	</body>

</html>